<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>自动生成抽数脚本</title>
  <script>
    function changeName() {
      document.getElementById("idmyname").innerHTML = "我的"
    }
  </script>
  <script>

      // 创建一个二维数组
      var arr = new Array(2);
      arr[0] = ["0","text"];
      arr[1] = ["1","orc","parquet","text"];
      function choose(val){
          // 获取save_format的select
          var save_format = document.getElementById("save_format");
          // 获取option
          var save_formatOp = save_format.getElementsByTagName("option");
          // 设置可操作
          save_format.disabled = false;
          // 先删除，后添加
          for (var i = 0; i < save_formatOp.length; i++) {
              var op = save_formatOp[i];
              // 删除option
              save_format.removeChild(op);
              //数组长度发生变化，需处理
              i--;
          }

          // 遍历
          for (var i = 0; i < arr.length; i++) {
              //取一维数组
              var arr1 = arr[i];
              //取一维数组的第一个值
              var firstVal = arr1[0];
              //判断
              if(firstVal == val){
                  //遍历
                  for (var j = 1; j < arr1.length; j++) {
                      // 获取城市名
                      var value = arr1[j];
                      // 创建option
                      var optionl = document.createElement("option");
                      // 创建文本
                      var textl = document.createTextNode(value);
                      // 把文本添加到标签
                      optionl.appendChild(textl);
                      //添加到save_format里面
                      save_format.appendChild(optionl);
                  }
              }
          }
      }
  </script>
</head>

<body>

  <form action="{{ url_for('getdataxcode') }}" target="_blank" style="background-color: #00ffff;">
    <fieldset>
      <legend>抽数脚本自动生成fill</legend>
      <b>host_ip :</b><input type="text" name="host" value="172.20.51.224" size="30"><br />
      <b>port : </b><input type="number" name="port" value="3306" size="10"><br />
      <b>user_name :</b><input type="username" name="user" value="data_read" size="30"><br />
      <b>password :</b><input type="password" name="pwd" value="Hx2JcsrH" size="30"><br />
      <b>database :</b><input type="text" name="db" value="information_schema" size="30"><br />
      <b>table :</b><input type="text" name="tb" value="COLUMNS" size="30"><br />
      <b>etl_type :</b> <input type="radio" name="et" value="0">单库单表
                 <input type="radio" name="et" value="1">单库多表
                 <input type="radio" name="et" value="2">多库多表
                 <input type="radio" name="et" value="3">多机房多库多表<br />
      <b>is_partition :</b> <input type="radio" name="pt" value="0">非分区表df
                     <input type="radio" name="pt" value="1">分区表di<br />
      <b>is_where :</b> <input type="radio" name="wh" value="0">无where条件
                     <input type="radio" name="wh" value="1">有where条件<br />
      <b>pull_type :</b>
                 <select id="pull" name="plt" onchange="choose(this.value)">
                     <option value="-1">--请选择抽数方式--</option>
                     <option value="0">sqoop</option>
                     <option value="1">datax</option>
                 </select>
      <b>save_type :</b>
                 <select id="save_format" name="st" disabled="disabled">
                     <option value="0">--请选择存储格式--</option>
                 </select><br />
      <b>hive_db :</b><input type="text" name="hdb" value="ods" size="30"><br />
          <b> <input type="submit" value="提交"></b><br />
    </fieldset><br />
  </form><br />

  <p id="idmyname">上面参数是提交到python后台获取相关hive建表语句、datax的json以及相关调度shell脚本</p>
  <p id="idmyname">etl_type表示同步mysql表的相关场景</p>
  <p id="idmyname">is_partition表示hive表是否为分区表,单库单表只能对应非分区表，多表对应分区表</p>
  <p id="idmyname">is_where表示datax或sqoop中是否有where条件</p>
  <p id="idmyname">pull_type表示datax或sqoop抽数方式，save_type表示存储格式orc,parquet,text</p>
  <p id="idmyname">hive_db表示hive表的库名,hive表的表名是由mysql的库和表拼接而成（代码已自动生成）</p>
</body>
</html>